<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>4</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
    <style>
        .engineCarouselImg {
            margin-bottom: 0.3rem;
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .engineCarouselImg img {
            width: 2rem;
            height: 2rem;
            margin-right: 0.429rem;
        }
        .tie{
            padding: 2px;
        }
        .u1 li{
            border-bottom: 1px solid #dddddd;
            padding: 4px;
        }
    </style>
</head>
<body>
<nav class="nav navbar-inverse navbar-fixed-top" role="navigation">
    <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse"
                data-target="#example-navbar-collapse">
            <span class="sr-only">切换导航</span>
            <span>
                <img src="https://cdn.www.egret.com/official/new-egret/img/navmore.png" class="navMore mobile">
            </span>
        </button>
        <div style="margin: 0 500px 0 80px" class="hidden-xs">
            <div>
                <img src="logo1.png" alt="">
            </div>
        </div>
        <div class="hidden-sm hidden-lg hidden-md">
            <div style="line-height: 50px;color: #FFFFFF;font-size: 16px;margin-left: 8px">
                白鹭科技
            </div>
        </div>
    </div>
    <div class="collapse navbar-collapse dd" id="example-navbar-collapse" style="margin-top: 5px">
        <ul class="nav navbar-nav">
            <li><a href="#" style="color: #ffffff">首页</a></li>
            <li><a href="#" style="color: #ffffff">产品</a></li>
            <li><a href="#" style="color: #ffffff">解决方案</a></li>
            <li><a href="#" style="color: #ffffff">开发者中心</a></li>
            <li><a href="#" style="color: #ffffff">案例</a></li>
            <li><a href="#" style="color: #ffffff">众包平台</a></li>
            <li><a href="#" style="color: #ffffff">教育</a></li>
            <li><a href="#" style="color: #ffffff">社区</a></li>
            <li><a href="#" style="color: #ffffff">关于我们</a></li>
        </ul>
    </div>
    <div></div>
</nav>
<div id="myCarousel" class="carousel slide" style="margin-top: 50px">
    <ol class="carousel-indicators">
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1"></li>
        <li data-target="#myCarousel" data-slide-to="2"></li>
    </ol>
    <div class="carousel-inner">
        <div class="item active">
            <img src="kv1.jpg" alt="First slide">
        </div>
        <div class="item">
            <img src="kv2.jpg" alt="Second slide">
        </div>
        <div class="item">
            <img src="kv3.jpg" alt="Third slide">
        </div>
    </div>
</div>
<div class="container"style="margin-top: 20px">
    <div class="hidden-xs" style="display: flex">
        <img src="pen.png" style="width: 0.7rem;height: 0.7rem;margin-right: 0.25rem;">
        白鹭引擎
    </div>
    <div class="well">
        <div class="text-center">
            <div style="font-size: 2rem;margin-bottom: 5px">
                效率至上的一站式完整开发工作流
            </div>
            <div style="color: #87888c">
                2D/3D双核心渲染，开发工具链闭环整合，全流程开发，由此开始
            </div>
            <div class="engineCarouselImg">
                <img src="https://egret.com/img/homepage/dist/newIndex/h5.png">
                <img src="https://egret.com/img/homepage/dist/newIndex/ap.png">
                <img src="https://egret.com/img/homepage/dist/newIndex/fb.png">
                <img src="https://egret.com/img/homepage/dist/newIndex/an.png">
                <img src="https://egret.com/img/homepage/dist/newIndex/qz.png">
                <img src="https://egret.com/img/homepage/dist/newIndex/wx.png">
        </div>
    </div>
        <div id="myCarousel1" class="carousel slide">
            <!-- 轮播（Carousel）项目 -->
            <div class="carousel-inner" style="margin: auto">
                <div class="item active">
                    <img src="engine1.png" alt="First slide" style="width: 600px;margin: auto">
                </div>
                <div class="item">
                    <img src="engine2.jpg" alt="Second slide" style="width: 600px;margin: auto">
                </div>
                <div class="item">
                    <img src="engine3.png" alt="Third slide" style="width: 600px;margin: auto">
                </div>
            </div>
            <!-- 轮播（Carousel）导航 -->
            <a class="left carousel-control" href="#myCarousel1" role="button" data-slide="prev">
                <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                <span class="sr-only">Previous</span>
            </a>
            <a class="right carousel-control" href="#myCarousel1" role="button" data-slide="next">
                <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                <span class="sr-only">Next</span>
            </a>
        </div>
    </div>
</div>
<div class="container"style="margin-top: 10px">
    <div class="hidden-xs">
        <img src="pen.png" style="width: 0.7rem;height: 0.7rem;margin-right: 0.25rem;">
        案例推荐
        <div class="pull-right" style="margin-top: -10px">
        <button type="button" class="btn btn-primary">
            查看更多
        </button></div>
    </div>
    <div class="row">
        <div class="col-sm-4 col-xs-12" style="margin-top: 20px;padding: 30px">
            <div style="width: 100%;height: 100%;box-shadow: 0 0 5px black">
                <img src="5dc914485a77c.png" style="width: 100%;height: 100%">
                <div style="font-size: 15px;margin-left: 10px;font-weight: bold;margin-top: 10px">全民狙神</div>
                <div style="margin-left: 10px;margin-top: 10px;color: gray">这是一款3D第一人称射击类微信小游戏。游戏中，玩家需要扮演一个神射手，利用手中武器消灭关卡中的目标，获得丰富奖励。</div>
            </div>
        </div>
        <div class="col-sm-4 col-xs-12" style="margin-top: 20px;padding: 30px">
            <div style="width: 100%;height: 100%;box-shadow: 0 0 5px black">
                <img src="5dc914485a77c.png" style="width: 100%;height: 100%">
                <div style="font-size: 15px;margin-left: 10px;font-weight: bold;margin-top: 10px">全民狙神</div>
                <div style="margin-left: 10px;margin-top: 10px;color: gray">这是一款3D第一人称射击类微信小游戏。游戏中，玩家需要扮演一个神射手，利用手中武器消灭关卡中的目标，获得丰富奖励。</div>
            </div>
        </div>

        <div class="col-sm-4 col-xs-12" style="margin-top: 20px;padding: 30px">
            <div style="width: 100%;height: 100%;box-shadow: 0 0 5px black">
                <img src="5dc914485a77c.png" style="width: 100%;height: 100%">
                <div style="font-size: 15px;margin-left: 10px;font-weight: bold;margin-top: 10px">全民狙神</div>
                <div style="margin-left: 10px;margin-top: 10px;color: gray">这是一款3D第一人称射击类微信小游戏。游戏中，玩家需要扮演一个神射手，利用手中武器消灭关卡中的目标，获得丰富奖励。</div>
            </div>
        </div>

        <div class="col-sm-4 col-xs-12" style="margin-top: 20px;padding: 30px">
            <div style="width: 100%;height: 100%;box-shadow: 0 0 5px black">
                <img src="5dc914485a77c.png" style="width: 100%;height: 100%">
                <div style="font-size: 15px;margin-left: 10px;font-weight: bold;margin-top: 10px">全民狙神</div>
                <div style="margin-left: 10px;margin-top: 10px;color: gray">这是一款3D第一人称射击类微信小游戏。游戏中，玩家需要扮演一个神射手，利用手中武器消灭关卡中的目标，获得丰富奖励。</div>
            </div>
        </div>

        <div class="col-sm-4 col-xs-12" style="margin-top: 20px;padding: 30px">
            <div style="width: 100%;height: 100%;box-shadow: 0 0 5px black">
                <img src="5dc914485a77c.png" style="width: 100%;height: 100%">
                <div style="font-size: 15px;margin-left: 10px;font-weight: bold;margin-top: 10px">全民狙神</div>
                <div style="margin-left: 10px;margin-top: 10px;color: gray">这是一款3D第一人称射击类微信小游戏。游戏中，玩家需要扮演一个神射手，利用手中武器消灭关卡中的目标，获得丰富奖励。</div>
            </div>
        </div>

        <div class="col-sm-4 col-xs-12" style="margin-top: 20px;padding: 30px">
            <div style="width: 100%;height: 100%;box-shadow: 0 0 5px black">
                <img src="5dc914485a77c.png" style="width: 100%;height: 100%">
                <div style="font-size: 15px;margin-left: 10px;font-weight: bold;margin-top: 10px">全民狙神</div>
                <div style="margin-left: 10px;margin-top: 10px;color: gray">这是一款3D第一人称射击类微信小游戏。游戏中，玩家需要扮演一个神射手，利用手中武器消灭关卡中的目标，获得丰富奖励。</div>
            </div>
        </div>
    </div>
    <div class="text-center hidden-md hidden-lg hidden-sm" style="margin-top: -10px">
        <button type="button" class="btn btn-primary">
            查看更多
        </button>
    </div>
</div>
<div class="container"style="margin-top: 50px">
    <div class="hidden-xs">
        <img src="pen.png" style="width: 0.7rem;height: 0.7rem;margin-right: 0.25rem;">
        案例推荐
        <div class="pull-right" style="margin-top: -10px">
            <button type="button" class="btn btn-primary">
                查看更多
            </button></div>
    </div>
    <div class="row">
        <div class="col-sm-4 col-xs-12" style="margin-top: 20px;padding: 30px">
            <div style="width: 100%;height: 100%;box-shadow: 0 0 5px black">
                <img src="5d7ee96086d87.png" style="width: 100%;height: 100%">
                <div style="font-size: 15px;margin-left: 10px;font-weight: bold;margin-top: 10px">全民狙神</div>
                <div style="margin-left: 10px;margin-top: 10px;color: gray">这是一款3D第一人称射击类微信小游戏。游戏中，玩家需要扮演一个神射手，利用手中武器消灭关卡中的目标，获得丰富奖励。</div>
            </div>
        </div>
        <div class="col-sm-4 col-xs-12" style="margin-top: 20px;padding: 30px">
            <div style="width: 100%;height: 100%;box-shadow: 0 0 5px black">
                <img src="5d7ee96086d87.png" style="width: 100%;height: 100%">
                <div style="font-size: 15px;margin-left: 10px;font-weight: bold;margin-top: 10px">全民狙神</div>
                <div style="margin-left: 10px;margin-top: 10px;color: gray">这是一款3D第一人称射击类微信小游戏。游戏中，玩家需要扮演一个神射手，利用手中武器消灭关卡中的目标，获得丰富奖励。</div>
            </div>
        </div>
        <div class="col-sm-4 col-xs-12" style="margin-top: 20px;padding: 30px">
            <div style="width: 100%;height: 100%;box-shadow: 0 0 5px black">
                <img src="5d7ee96086d87.png" style="width: 100%;height: 100%">
                <div style="font-size: 15px;margin-left: 10px;font-weight: bold;margin-top: 10px">全民狙神</div>
                <div style="margin-left: 10px;margin-top: 10px;color: gray">这是一款3D第一人称射击类微信小游戏。游戏中，玩家需要扮演一个神射手，利用手中武器消灭关卡中的目标，获得丰富奖励。</div>
            </div>
        </div>
    </div>
    <div class="text-center hidden-md hidden-lg hidden-sm" style="margin-top: -10px">
        <button type="button" class="btn btn-primary">
            查看更多
        </button>
    </div>
</div>
<div class="container" style="margin-top: 20px;margin-bottom: 40px">
    <div class="col-sm-6 col-xs-12">
        <div class="hidden-xs">
            <img src="pen.png" style="width: 0.7rem;height: 0.7rem;margin-right: 0.25rem;">
            技术博客
            <div class="pull-right" style="margin-top: -10px">
                <button type="button" class="btn btn-primary">
                    查看更多
                </button></div>
        </div>
        <div>
            <div class="col-md-4 col-xs-4" style="margin-top: 10px">
                <img src="5d5d0ec5a9eb3.png" style="width: 100%;height: 100%">
            </div>
            <div class="col-md-8 col-xs-8" style="margin-top: 10px">
                <p style="overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">白鹭引擎Runtime更新，支持打包谷歌64位Apk，优化App Store上传规则</p>
                <p style="color: gray;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">2019年7月23日，白鹭引擎Runtime更新，推荐所有开发者更新</p>
                <button type="button" class="btn btn-primary btn-xs" style="margin-bottom: 10px">详细</button>
            </div>
        </div>
        <div class="hidden-sm hidden-lg hidden-md">
                <div class="col-md-4 col-xs-4" style="margin-top: 10px">
                    <img src="5d5d0ec5a9eb3.png" style="width: 100%;height: 100%">
                </div>
                <div class="col-md-8 col-xs-8" style="margin-top: 10px">
                    <p style="overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">白鹭引擎Runtime更新，支持打包谷歌64位Apk，优化App Store上传规则</p>
                    <p style="color: gray;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">2019年7月23日，白鹭引擎Runtime更新，推荐所有开发者更新</p>
                    <button type="button" class="btn btn-primary btn-xs" style="margin-bottom: 10px">详细</button>
                </div>
        </div>
        <div class="hidden-sm hidden-lg hidden-md">
            <div class="col-md-4 col-xs-4" style="margin-top: 10px">
                <img src="5d5d0ec5a9eb3.png" style="width: 100%;height: 100%">
            </div>
            <div class="col-md-8 col-xs-8" style="margin-top: 10px">
                <p style="overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">白鹭引擎Runtime更新，支持打包谷歌64位Apk，优化App Store上传规则</p>
                <p style="color: gray;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">2019年7月23日，白鹭引擎Runtime更新，推荐所有开发者更新</p>
                <button type="button" class="btn btn-primary btn-xs" style="margin-bottom: 10px">详细</button>
            </div>
        </div>
        <div class="text-center hidden-md hidden-lg hidden-sm" style="margin-top: 10px">
            <button type="button" class="btn btn-primary">
                查看更多
            </button>
        </div>
    </div>
    <div class="col-sm-6 col-xs-12 hidden-xs">
        <div class="hidden-xs">
            <img src="pen.png" style="width: 0.7rem;height: 0.7rem;margin-right: 0.25rem;">
            技术热帖
            <div class="pull-right" style="margin-top: -10px">
                <button type="button" class="btn btn-primary">
                    查看更多
                </button></div>
        </div>
        <div class="tie" style="width: 100%;height: 100%;background-color: #08a6ff;margin-top: 10px">
            <ul class="u1" style="color: #FFFFFF">
                <li>矩形区域得碰撞检测<span class="pull-right">5631</span></li>
                <li>微信小游戏中第三方库报错解决合集<span class="pull-right">5631</span></li>
                <li>【新手教程】EUI卡牌游戏的制作全过程<span class="pull-right">5631</span></li>
                <li>游戏开发指南文档<span class="pull-right">5631</span></li>
                <li>Egret精品案例系列教程<span class="pull-right">5631</span></li>
            </ul>
        </div>
    </div>
</div>
<div class="container-fluid well" style="background-color: #f7fafc;margin-bottom: 20px">
    <div class="container">
        <div class="col-sm-12">
            <img src="pen.png" style="width: 0.7rem;height: 0.7rem;margin-right: 0.25rem;">
            合作伙伴
        </div>
        <div class="col-sm-2 col-xs-4" style="padding: 2px">
            <div style="width: 100%;height: 100%;background-color: #FFFFFF">
                <img src="tc.png" style="width: 100%;height: 100%">
            </div>
        </div>
        <div class="col-sm-2 col-xs-4" style="padding: 2px">
            <div style="width: 100%;height: 100%;">
                <img src="tc.png" style="width: 100%;height: 100%">
            </div>
        </div>
        <div class="col-sm-2 col-xs-4" style="padding: 2px">
            <div style="width: 100%;height: 100%;">
                <img src="tc.png" style="width: 100%;height: 100%">
            </div>
        </div>
        <div class="col-sm-2 col-xs-4" style="padding: 2px">
            <div style="width: 100%;height: 100%;">
                <img src="tc.png" style="width: 100%;height: 100%">
            </div>
        </div>
        <div class="col-sm-2 col-xs-4" style="padding: 2px">
            <div style="width: 100%;height: 100%;">
                <img src="tc.png" style="width: 100%;height: 100%">
            </div>
        </div>
        <div class="col-sm-2 col-xs-4" style="padding: 2px">
            <div style="width: 100%;height: 100%;">
                <img src="tc.png" style="width: 100%;height: 100%">
            </div>
        </div>
        <div class="col-sm-2 col-xs-4" style="padding: 2px">
            <div style="width: 100%;height: 100%;">
                <img src="tc.png" style="width: 100%;height: 100%">
            </div>
        </div>
        <div class="col-sm-2 col-xs-4" style="padding: 2px">
            <div style="width: 100%;height: 100%;">
                <img src="tc.png" style="width: 100%;height: 100%">
            </div>
        </div>
        <div class="col-sm-2 col-xs-4" style="padding: 2px">
            <div style="width: 100%;height: 100%;">
                <img src="tc.png" style="width: 100%;height: 100%">
            </div>
        </div>
    </div>
</div>
<div class="container-fluid" style="padding: 40px 0;background-color: #6e7d96">
    <div class="container">
        <div></div>
    </div>
</div>
<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
</body>
</html>